.opinionControl {
  bottom: -520px;
  z-index: 999999;
  background: #ffffff !important;
  @apply fixed left-0 right-0 px-32px;
  .sendControl {
    height: 96px;
    @apply box-border flex flex-row items-center gap-16px;
    .inputWrap {
      width: 540px;
      height: 80px;
      background: #f7f7f7 !important;
      @apply flex-1 flex flex-row items-center box-border px-32px rounded-[60px];
      .inputControl {
        @apply text-[#333333] text-28px mr-16px flex-1;
      }
    }
    .sendBtn {
      width: 128px;
      height: 80px;
      background: rgba(82, 120, 253, 1) !important;
      @apply box-border flex-none rounded-[60px] flex flex-row items-center justify-center text-white text-[28px];
    }
  }
  .contentShow {
    height: 136px;
    border-top: 2px solid #f2f2f2;
    background: #ffffff !important;
    @apply box-content pt-20px;
    .imageWrap {
      width: 96px;
      height: 96px;
      @apply box-border relative overflow-visible flex items-center;
      .image {
        width: 96px;
        height: 96px;
        @apply rounded-[8px] block object-cover;
      }
      .delIcon {
        right: -16px;
        top: -16px;
        @apply absolute w-32px h-32px object-cover block;
      }
    }
  }
}
.backdrop {
  --backdrop-background-color: rgba(255, 255, 255, 0.1);
}
